<script setup lang='ts'>
const tabName = ref('1')
const data = [
  {
    name: '罗可 Fusionwan 流程销售合同',
    sign: '理想',
    main: '罗可',
    status: '已归档',
    file: '罗可 Fusionwan 流程销售合同.pdf',
    date: '2024-7-8 12:06:45',
  },
  {
    name: '罗可 Fusionwan 流程销售合同23',
    status: '已归档',
    sign: '理想',
    main: '罗可',
    file: '罗可 Fusionwan 流程销售合同333.pdf',
    date: '2024-7-8 12:06:45',
  },
]
const data1 = [
  {
    name: '罗可 Fusionwan 流程',
    sign: '理想',
    main: '罗可',
    status: '已归档',
    file: '罗可 Fusionwan 流程验收报告.pdf',
    date: '2024-7-8 12:06:45',
  },
  {
    name: '罗可 Fusionwan 流程2',
    sign: '理想',
    main: '罗可',
    status: '已归档',
    file: '罗可 Fusionwan 流程验收报告22.pdf',
    date: '2024-7-8 12:06:45',
  },

]
</script>

<template>
  <div flex gap-3 bg-white p2>
    <el-tabs v-model="tabName" type="border-card" tab-position="top" flex-1>
      <el-tab-pane
        value="1"
        label="销售合同"
      >
        <BaseTable :data="data" style="width: 100%">
          <el-table-column label="商标名称" prop="sign" />
          <el-table-column label="客户主体名称" prop="main" />
          <!-- <el-table-column label="合同状态" prop="status" /> -->
          <el-table-column label="合同附件" prop="file">
            <template #default="{ row }">
              <p space-x-3>
                <a :href="row.file" target="_blank">{{ row.file }}</a>
                <a text-blue>预览</a>
                <a text-blue>下载</a>
              </p>
            </template>
          </el-table-column>
          <el-table-column label="归档时间" prop="date" />
        </BaseTable>
      </el-tab-pane>
      <el-tab-pane
        value="2"
        label="采购合同"
      >
        <BaseTable :data="data" style="width: 100%">
          <el-table-column label="商标名称" prop="sign" />
          <el-table-column label="客户主体名称" prop="main" />
          <!-- <el-table-column label="合同状态" prop="status" /> -->
          <el-table-column label="合同附件" prop="file">
            <template #default="{ row }">
              <p space-x-3>
                <a :href="row.file" target="_blank">{{ row.file }}</a>
                <a text-blue>预览</a>
                <a text-blue>下载</a>
              </p>
            </template>
          </el-table-column>
          <el-table-column label="归档时间" prop="date" />
        </BaseTable>
      </el-tab-pane>
    </el-tabs>
    <el-tabs type="border-card" tab-position="top" flex-1>
      <el-tab-pane
        value="1"
        label="验收报告"
      >
        <BaseTable :data="data1" style="width: 100%">
          <el-table-column label="商标名称" prop="sign" />
          <el-table-column label="客户主体名称" prop="main" />
          <!-- <el-table-column label="合同状态" prop="status" /> -->
          <el-table-column label="附件" prop="file">
            <template #default="{ row }">
              <p space-x-3>
                <a :href="row.file" target="_blank">{{ row.file }}</a>
                <a text-blue>预览</a>
                <a text-blue>下载</a>
              </p>
            </template>
          </el-table-column>
          <el-table-column label="归档时间" prop="date" />
        </BaseTable>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<style scoped lang='scss'>

</style>
